<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>demo1</title>
		<!-- 导入vue -->
		<script src="../../资料/vue-2.4.0.js"></script>
	</head>
	<body>
		<!-- el控制了此div -->
		<div id="app">
			<p>{{ msg }} </p>
			
		</div>
		<script>
			// 创建一个vue实例
			// 当我们导入了包之后 浏览器就多了一个vue的构造函数
			var vm = new Vue ({
				el: '#app',//表示当前 new 的 这个 vue实例 要控制页面上的那个区域
				// 控制id为app的一个元素
				
				// 这里的data 就是mvvm的m 保存数据作用
				// data属性中 存放的是 el 中需要显示的数据
				data: {
					msg: '你好世界 第一次接触vue 语法很优美'  //很方便的显示数据 不用jq操作dom [前端的vue框架 不提倡 我们去手动 操作dom元素]
				}
			})
		</script>
	</body>
</html>
